<template>
  <div class="box">
    <div class="but" v-for="(item, index) in msg" :key="item.value">
      <van-button
        plain
        type="primary"
        v-if="item.flag"
        @click="$emit('Typeflag', index)"
        >{{ item.label }}</van-button
      >
      <van-button type="default" v-else @click="$emit('Typeflag', index)">{{
        item.label
      }}</van-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'filtrate-page',
  components: {},
  props: {
    msg: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {
      flag: true
    }
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
}
</script>

<style scoped lang="less">
.van-button {
  width: 80px;
  padding: 0px;
}
.box {
  margin-left: 60px;
  border-bottom: 1px solid rgb(234, 230, 230);
  height: 100%;
  width: 225px;
  padding-bottom: 30px;
  overflow: hidden;
  .but {
    margin:20px 10px 0px 0px;
     float: left;
  }
}
</style>
